    <%@ page contentType="text/html;charset=UTF-8" %>
    <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
    <html>
        <head>
            <title>查询专利信息管理</title>
            <meta name="decorator" content="default"/>
            <script type="text/javascript">
                $(document).ready(function() {

                });
                function page(n,s){
                    $("#pageNo").val(n);
                    $("#pageSize").val(s);
                    $("#searchForm").submit();
                    return false;
                }
            </script>
            <style>
                /*图表css*/
                .jeebox{
                    box-shadow: 0 2px 3px #eee;
                    margin:20px;
                    border-top:2px solid #2fa4e7;
                    border-radius:4px;
                    padding-bottom:15px;
                    position: relative;
                }
                .jeebox .jeebox-title{
                    line-height:30px;
                    padding:5px 15px;
                    border-bottom:1px solid #eee;
                }
                .jeebox-sel{
                    position:absolute;
                    right:15px;
                    top:6px;
                }
            </style>
            <script type="text/javascript" src="${ctxStaticJS}/echarts.min.js"></script>
            <script type="text/javascript" src="${ctxStaticJS}/macarons.js"></script>
        </head>
        <body>
            <h1 style="align-content: center">  闽侯县域内专利转让统计</h1>
            <br>
            <br>
            <div class="jeebox">
                <div class="jeebox-title">转让至闽侯县城内的专利量</div>
                <div id="log-hdfs-1" style="width:100%;height:300px;"></div>
            </div>
            <c:forEach items="${mapList}" var="mapList">
            <script type="text/javascript">
                /*图表1*/
                var sj=['所有转让至县城的专利',"高校转让至县城的专利"];
                var aaa=["${mapList.assignsum}", "${mapList.schoolassignsum}"];
                var myChart = echarts.init(document.getElementById('log-hdfs-1'),'macarons');
                option = {/*
                color: ['#3398DB'],*/
                    tooltip : {
                        trigger: 'axis',
                        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis : [
                        {
                            type : 'category',
                            data : sj,
                            /*axisTick: {
                                alignWithLabel: true
                            }*/
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            name:'事件数量',
                            type:'bar',
                            barWidth: '50%',
                            data:aaa
                        }
                    ]
                };

                myChart.setOption(option);
                window.addEventListener("resize",function(){
                    myChart.resize();
                });
            </script>
            </c:forEach>
        </body>
    </html>